import React from 'react';

import { Button, Badge, List } from 'antd-mobile';
// import 'antd-mobile/dist/antd-mobile.min.css';

const Item = List.Item;
const Brief = Item.Brief;

export default class extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            title: 111,
        };
    }

    render() {
        return (
            <List renderHeader={() => 'Subtitle'} className="my-list">
                <Item arrow="horizontal" multipleLine onClick={() => { }}>
                    Title <Brief>subtitle</Brief>
                </Item>
                <Item
                    arrow="horizontal"
                    multipleLine
                    onClick={() => { }}
                    platform="android"
                >
                    ListItem （Android）<Brief>There may have water ripple effect of <br /> material if you set the click event.</Brief>
                </Item>
                <Item
                    arrow="horizontal"
                    thumb="https://zos.alipayobjects.com/rmsportal/dNuvNrtqUztHCwM.png"
                    multipleLine
                    onClick={() => { }}
                >
                    Title <Brief>subtitle</Brief>
                </Item>
            </List>
        );
    }
}